
<template>
  <div class="media-container">
    <div id="video-container"></div>
  </div>
</template>

<script>
import EZUIKit from "ezuikit-js";
import { getAccessToken } from "@/api/ys7";
export default {
  name: "Video",
  data() {
    return {
      is_open: true,
      accessToken: "",
    };
  },
  props: {
    "camera-url": {
      type: String,
    },
  },
  mounted() {
    //this.init();
    console.group("mounted 组件挂载完毕状态===============》");
    var param = {
      autoplay: true,
      id: "video-container",
      template: "simple", // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
      // 视频上方头部控件
      //header: ["capturePicture", "save", "zoom"], // 如果templete参数不为simple,该字段将被覆盖
      //plugin: ['talk'],                       // 加载插件，talk-对讲
      // 视频下方底部控件
      // footer: ["talk", "broadcast", "hd", "fullScreen"], // 如果template参数不为simple,该字段将被覆盖
      // audio: 1, // 是否默认开启声音 0 - 关闭 1 - 开启
      // openSoundCallBack: data => console.log("开启声音回调", data),
      // closeSoundCallBack: data => console.log("关闭声音回调", data),
      // startSaveCallBack: data => console.log("开始录像回调", data),
      // stopSaveCallBack: data => console.log("录像回调", data),
      // capturePictureCallBack: data => console.log("截图成功回调", data),
      // fullScreenCallBack: data => console.log("全屏回调", data),
      // getOSDTimeCallBack: data => console.log("获取OSDTime回调", data),
      width: 600,
      height: 400,
    };
    param.accessToken = JSON.parse(localStorage.getItem("ys7")).accessToken;
    param.url = this.cameraUrl;
    var player = new EZUIKit.EZUIKitPlayer(param);
  },
  methods: {
    //初始化
    init() {
      var _this = this;
      if (!localStorage.getItem("ys7")) {
        _this.getAccessToken();
      } else {
        const expireTime = JSON.parse(localStorage.getItem("ys7")).expireTime;
        var timeStamp = new Date().getTime();
        if (timeStamp > expireTime) getAccessToken();
      }
      this.accessToken = JSON.parse(localStorage.getItem("ys7")).accessToken;
    },
    getAccessToken() {
      getAccessToken({
        appKey: "你的appKey",
        appSecret: "你的appSecret",
      }).then((res) => {
        console.log(res.data.data);
        localStorage.setItem("ys7", JSON.stringify(res.data.data));
      });
    },
  },
};
</script>
<style>
.media-container {
  height: 600;
  width: 400;
}
.media-container div {
  height: 600;
  width: 400;
  background-color: red;
}
</style>
